<template>
        <!-- 轮播图 -->
        <van-swipe :autoplay="3000" lazy-render>
        <van-swipe-item v-for="image in images" :key="image">
        <img :src="image" height="150px" width="100%" />
        </van-swipe-item>
        </van-swipe>
     <!-- 歌单列表 -->
     <div class="video_card">
        <van-row :gutter="[20, 20]">
        <van-col span="12" >  
            <video src="../assets/video/09f03a544c1aea81a893d72915281b1e.mp4" controls autoplay muted loop height="400px"></video> 
            <div class="post-actions">
            <button>点赞</button>
            <button>评论</button>
            <button>分享</button>
          </div>
        </van-col>
        <van-col span="12" >
            <video src="../assets/video/67d6c75f85ea2ae34ed5931bcacf4bf4.mp4" controls  muted loop height="400px" ></video> 
            <div class="post-actions">
            <button>点赞</button>
            <button>评论</button>
            <button>分享</button>
          </div>
        </van-col>
        </van-row>
     </div>
</template>
    <script setup>
    //轮播图图片
    const images = [
          'https://pic3.zhimg.com/v2-0087e364e1f120dfd9896d7331809793_r.jpg?source=1940ef5c',
          'https://pic3.zhimg.com/v2-cab30f058e56f45f88169203fe5b86fd_r.jpg',
          'https://ts1.cn.mm.bing.net/th/id/R-C.3bc8fe8695a031344d00061f9060398d?rik=Ac3D%2bvNRnGag5g&riu=http%3a%2f%2fwww.deskcar.com%2fdesktop%2ffengjing%2f2016623223049%2f5.jpg&ehk=K%2bdXq6wZYZX%2bdtUbSpFJ9d1Isp5LMXVPeg6Mv7ZNaEs%3d&risl=&pid=ImgRaw&r=0',
          'https://pic2.zhimg.com/v2-56314fbe42758c70c1a53b6e6d97c485_r.jpg?source=172ae18b',
         
        ];
    
    </script>
    <style scoped>
    .post-actions {
          button {
            padding: 5px 10px;
            margin-right: 10px;
            border: 1px solid #ccc;
            cursor: pointer;
          }
        }
    </style> 